import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import BirdCard from './views/birdcard';
import BirdDetail from './views/birdDetail';
import Login from './views/login';
import Register from './views/reg';
import 'bootstrap/dist/css/bootstrap.min.css';

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<BirdCard />} /> {/* 首页显示鸟类列表 */}
        <Route path="/bird/:id" element={<BirdDetail />} /> {/* 详情页路由 */}
        <Route path="/login" element={<Login />} />
        <Route path="/register" element={<Register />} />
      </Routes>
    </Router>
  );
}

export default App;